// pages/taskGrade/taskGrade.js

import * as echarts from '../../ec-canvas/echarts';
let chart=null;
const app = getApp()
const env = app.globalData.env
function initChart(canvas, width, height, dpr){ // 这部分是固定的不需要 是通用的
    chart = echarts.init(canvas, null, {
    width: width,
    height: height
  });
  canvas.setChart(chart);
  chart.showLoading()
  // 这是 唯一需要更改的，可根据实际情况api更改图标
  // 我这边测试的是一个 普通的折线图,案例网址:
  var option = {
    xAxis: {
        type: 'category',
        data: ['0']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [0],
        type: 'line'
    }]
};

  chart.setOption(option);
  chart.hideLoading()

  return chart;
}
Page({

  /**
   * 页面的初始数据
   */
  data: {

    ec: {
      onInit: initChart
    }
    

  },

  
  checkHistory(){
    let _this=this
    wx.request({
      url: env != 1 ? 'http://localhost:88/api/canvas' : 'https://www.wantstong.com/api/canvas',
      method:'POST',
      data:{
        taskData:_this.data.taskData
      },
      success:res=>{
        setTimeout(function(){
          console.log(chart)
          if(chart){
            chart.setOption(
              {
           
                xAxis: {
                    type: 'category',
                    data:res.data.unique
                },
                // yAxis: {
                //   max : 30,
                //   min : 0,
                //   splitNumber : 10,
                //     type: 'value'
                // },
                series: [{
                    data: res.data.countArr,
                    type: 'line'
                }]
              }
            )
          }
        } ,1000)
     
    }
       
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let _this=this
    wx.getStorage({
      key: 'taskBtn',
      success:res=>{
        console.log("95",res)
        _this.setData({
          taskData:res.data
        })
    _this.checkHistory()

      }
    })
  

  },

  
 
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})